<script setup lang="ts">

let props = defineProps({
  money: {
    type: Number,
    required: true,
    default: 200
  },
  books: Array
})

// emit用来子传父

// 使用emit：定义发生的事件为buy
let emits = defineEmits(['buy'])

function buy(){
  // 只读的属性，不能修改，当前页面也不会生效
  emits('buy', -5)
}


</script>

<template>

  <button @click="buy">买棒棒糖</button>

  <div>账户：{{props.money}}</div>

  <h3>
    <!-- 具面插槽   -->
    <!-- 只会接收父组件的<template v-slot:title></template>   -->
    <slot name="title"></slot>
    <h2>这是子组件的分隔符</h2>
    <!-- 只会接收父组件的 <template v-slot:button></template>   -->
    <slot name="button"></slot>
  </h3>
</template>

<style scoped>

</style>